<script>
    $(document).ready(function(){
        $("#js-submit-button").click(function(){
            $.post(
                '/advertisement/add',
                {adv_data:$(".host-onboarding-form").serialize()},
                function(data){console.log(data)},
                'json'               
            );
            return false;
        });
    });
</script>

<div class="page-container-full">

  <div class="panel lys-panel-header">
    <div class="panel-light panel-body">
      <div></div>
      <div class="row row-space-top-6 row-space-6">
        <div class="col-7 col-center text-center">
          <h1 class="h2">Сдайте свое жилье</h1>
          <p class="text-lead">
            Вы можете зарабатывать с Airbnb, сдавая свое жилье.
          </p>
        </div>
      </div>
      <div></div>
    </div>

    <div class="panel-body panel-medium">
      <div class="page-container">

        <form accept-charset="UTF-8" action="/rooms" class="host-onboarding-form" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="V4$.airbnb.com$SrlB6kP4HkI$b5jgfNhZXxizUBAJirBmhm00Xxdk5k54x5f2kYS016Q="></div>
          <input id="redirect_params_action" name="redirect_params[action]" type="hidden" value="set_user">
<input id="redirect_params_new_hosting" name="redirect_params[new_hosting]" type="hidden" value="1">

          
          
          <input id="new_hosting_sig" name="sig" type="hidden" value="b46fd7fa2550ab5fb1192772bd8c15c9">

          <input id="property_type_id" name="hosting[property_type_id]" type="" value="">
          <input id="person_capacity" name="hosting[person_capacity]" type="" value="">
          <input id="room_type" name="hosting[room_type]" type="" value="">
          <input id="city" name="hosting[city]" type="" value="">
          <input id="promo_code" name="hosting[promo_code]" type="hidden">
          

          <div class="row row-space-5 row-space-top-5 row-table">
            <div class="col-3 text-right col-middle">
              <div class="h4 text-light">
                Тип жилья
              </div>
            </div>
            <div class="col-9 fieldset fieldset_property_type_id col-middle">
              <div class="btn-group">
    <button class="btn btn-large type" data-name="Квартира" data-type-id="1" data-icon-class="icon-apartment" data-behavior="tooltip" data-position="bottom" aria-label="Вы живете в квартире, апартаментах или собственном доме.">
      <i class="icon icon-apartment h4 icon-kazan"></i>
      Квартира
    </button>
    <button class="btn btn-large type" data-name="Дом" data-type-id="2" data-icon-class="icon-home" data-behavior="tooltip" data-position="bottom" aria-label="Ваше жилье — это таунхаус или дом для одной семьи.">
      <i class="icon icon-home h4 icon-kazan"></i>
      Дом
    </button>
    <button class="btn btn-large type" data-name="Гестхаус" data-type-id="3" data-icon-class="icon-cup" data-behavior="tooltip" data-position="bottom" aria-label="Вы сдаете несколько комнат в доме. Ваш сервис включает в себя завтрак.">
      <i class="icon icon-cup h4 icon-kazan"></i>
      Гестхаус
    </button>
  <div class="select select-large">
    <select>
      <option disabled="" selected="">Другое</option>
        <option data-icon-class="icon-star-alt" data-name="Лофт" data-type-id="35">
          Лофт
        </option>
        <option data-icon-class="icon-star-alt" data-name="Бунгало" data-type-id="4">
          Бунгало
        </option>
        <option data-icon-class="icon-star-alt" data-name="Вилла" data-type-id="11">
          Вилла
        </option>
        <option data-icon-class="icon-star-alt" data-name="Замок" data-type-id="5">
          Замок
        </option>
        <option data-icon-class="icon-star-alt" data-name="Общежитие" data-type-id="9">
          Общежитие
        </option>
        <option data-icon-class="icon-star-alt" data-name="Домик на дереве" data-type-id="6">
          Домик на дереве
        </option>
        <option data-icon-class="icon-star-alt" data-name="Лодка" data-type-id="8">
          Лодка
        </option>
        <option data-icon-class="icon-star-alt" data-name="Самолет" data-type-id="28">
          Самолет
        </option>
        <option data-icon-class="icon-star-alt" data-name="Дом на колесах" data-type-id="32">
          Дом на колесах
        </option>
        <option data-icon-class="icon-star-alt" data-name="Иглу" data-type-id="12">
          Иглу
        </option>
        <option data-icon-class="icon-star-alt" data-name="Маяк" data-type-id="10">
          Маяк
        </option>
        <option data-icon-class="icon-star-alt" data-name="Юрта" data-type-id="15">
          Юрта
        </option>
        <option data-icon-class="icon-star-alt" data-name="Типи" data-type-id="16">
          Типи
        </option>
        <option data-icon-class="icon-star-alt" data-name="Пещера" data-type-id="18">
          Пещера
        </option>
        <option data-icon-class="icon-star-alt" data-name="Остров" data-type-id="19">
          Остров
        </option>
        <option data-icon-class="icon-star-alt" data-name="Шале" data-type-id="22">
          Шале
        </option>
        <option data-icon-class="icon-star-alt" data-name="Землянка" data-type-id="23">
          Землянка
        </option>
        <option data-icon-class="icon-star-alt" data-name="Хижина" data-type-id="24">
          Хижина
        </option>
        <option data-icon-class="icon-star-alt" data-name="Поезд" data-type-id="25">
          Поезд
        </option>
        <option data-icon-class="icon-star-alt" data-name="Палатка" data-type-id="34">
          Палатка
        </option>
        <option data-icon-class="icon-star-alt" data-name="Другое" data-type-id="33">
          Другое
        </option>
    </select>
  </div>
</div>

            </div>
          </div>
          <div class="row row-space-5  row-space-top-5 row-table">
            <div class="col-3 text-right col-middle">
              <div class="h4 text-light">
                Тип размещения
              </div>
            </div>
            <div class="col-9 fieldset fieldset_room_type col-middle">
              <div class="btn-group">

    <button class="btn btn-large type" data-name="Дом/квартира целиком" data-slug="entire_home_apt" data-type="Entire home/apt" data-type-id="0" data-icon-class="icon-entire-place" data-behavior="tooltip" data-position="bottom" aria-label="Вы сдаете весь дом целиком.">
      <i class="icon icon-entire-place h4 icon-kazan"></i>
      Дом/квартира целиком
    </button>


    <button class="btn btn-large type" data-name="Отдельная комната" data-slug="private_room" data-type="Private room" data-type-id="1" data-icon-class="icon-private-room" data-behavior="tooltip" data-position="bottom" aria-label="Вы сдаете отдельную комнату в доме.">
      <i class="icon icon-private-room h4 icon-kazan"></i>
      Отдельная комната
    </button>


    <button class="btn btn-large type" data-name="Общая комната" data-slug="shared_room" data-type="Shared room" data-type-id="2" data-icon-class="icon-shared-room" data-behavior="tooltip" data-position="bottom" aria-label="Вы сдаете общее пространство, например, надувную кровать в гостиной.">
      <i class="icon icon-shared-room h4 icon-kazan"></i>
      Общая комната
    </button>

</div>

            </div>
          </div>
          <div class="row row-space-5 row-space-top-5 row-table">
            <div class="col-3 text-right col-middle">
              <div class="h4 text-light">
                Вмещает гостей
              </div>
            </div>
            <div class="col-9 fieldset fieldset_person_capacity col-middle">
              <div class="unselected row row-condensed">
  <div class="col-3">
    <div class="panel">
      <div class="panel-body panel-light">
        <div class="row row-table">
          <div class="col-2 col-middle">
            <i class="icon icon-group h4 icon-kazan"></i>
          </div>
          <div class="col-6 col-middle">
            <div class="select select-large">
              <select id="accomodates-select">
                  <option class="accommodates" data-accommodates="1">
                    1
                  </option>
                  <option class="accommodates" data-accommodates="2">
                    2
                  </option>
                  <option class="accommodates" data-accommodates="3">
                    3
                  </option>
                  <option class="accommodates" data-accommodates="4">
                    4
                  </option>
                  <option class="accommodates" data-accommodates="5">
                    5
                  </option>
                  <option class="accommodates" data-accommodates="6">
                    6
                  </option>
                  <option class="accommodates" data-accommodates="7">
                    7
                  </option>
                  <option class="accommodates" data-accommodates="8">
                    8
                  </option>
                  <option class="accommodates" data-accommodates="9">
                    9
                  </option>
                  <option class="accommodates" data-accommodates="10">
                    10
                  </option>
                  <option class="accommodates" data-accommodates="11">
                    11
                  </option>
                  <option class="accommodates" data-accommodates="12">
                    12
                  </option>
                  <option class="accommodates" data-accommodates="13">
                    13
                  </option>
                  <option class="accommodates" data-accommodates="14">
                    14
                  </option>
                  <option class="accommodates" data-accommodates="15">
                    15
                  </option>
                  <option class="accommodates" data-accommodates="16+">
                    16+
                  </option>
              </select>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

            </div>
          </div>
          <div class="row row-space-5 row-space-top-5 row-table">
            <div class="col-3 text-right col-middle">
              <div class="h4 text-light">Город</div>
            </div>
            <div class="col-9 fieldset fieldset_city col-middle">
              <div class="row">
  <div class="col-6">
    <div class="panel location">
      <div class="panel-body panel-light panel-border location-panel-body">
        <i class="icon icon icon-map-marker icon-kazan h4 pull-left"></i>
        <input id="location_input" name="location_input" placeholder="Сан-Франциско, Рим, Сибуя..." type="text" class="geocomplete" autocomplete="off">

      </div>
    </div>
  </div>
</div>

            </div>
          </div>
          <div class="row row-space-5">
            <div class="col-9 col-offset-3" id="js-submit-button"><button type="submit" class="btn btn-primary btn-large submit
               disabled " disabled="disabled">
  Продолжить
</button>
</div>
          </div>

</form>
      </div>
    </div>

    <div class="panel-light panel-body">
      <div class="page-container">
        <div class="row row-space-2 row-space-top-5">
          <div class="col-4 text-center">
            <i class="icon icon-handshake icon-rausch icon-size-4"></i>
            <h3>Доверие и безопасность</h3>
            <p>
              Наши инструменты защиты и обеспечения безопасности дают вам возможность принимать бронирования только если вы уверены на 100%.
            </p>
          </div>
          <div class="col-4 text-center">
            <i class="icon icon-host-guarantee icon-rausch icon-size-4"></i>
            <h3>$1&nbsp;000&nbsp;000 Гарантия для хозяев</h3>
            <p>Ваше спокойствие бесценно и вы не должны за него платить. Каждая бронь, <a href="/terms/host_guarantee">соответствующая критериям</a>, защищена Гарантией для хозяев — без дополнительной платы для вас.</p>
          </div>
          <div class="col-4 text-center">
            <i class="icon icon-lock icon-rausch icon-size-4"></i>
            <h3>Надежные платежи</h3>
            <p>
              Наша быстрая и гибкая система оплаты позволяет переводить деньги на ваш банковский счет уже спустя 24 часа после прибытия гостя.
            </p>

          </div>
        </div>
      </div>
    </div>
  </div>
</div>